import router from './router'
import store from './store'
import { Message } from 'element-ui'
// 进度条的第三方包
import NProgress from 'nprogress' // progress bar
// 样式
import 'nprogress/nprogress.css' // progress bar style
// import { getToken } from '@/utils/auth' // get token from cookie
// import getPageTitle from '@/utils/get-page-title'

router.beforeEach(async(to, from, next) => {
  // 路由跳转前 开启进度条
  NProgress.start()
  // 定义白名单
  const whiteList = ['/login']
  //   判断是否有token getters设置了快捷访问
  //   console.log(store.getters.token)
  if (store.getters.token) {
    //   是否是登录页
    if (to.path === '/login') {
      // 跳到主页
      next('/')
    } else {
      // 使用vuex的actions的方法调用接口,获取数据
      // 因为这里是异步的 需要使用async...await把异步操作以同步方式呈现出来在调取接口 不然会先跳转路由再获取数据
      await store.dispatch('user/getUserInfo')
      // 放行 跳转路由
      next()
    }
  } else {
    //   判断是否在白名单内 includes判断原数是否在数组中
    if (whiteList.includes(to.path)) {
      next()
    } else {
      // 使用elment-ui给用户提示消息
      Message({
        //   提示文字
        message: '请重新登录',
        // 主题/类型
        type: 'error',
        // duration	显示时间, 毫秒。设为 0 则不会自动关闭
        duration: 5 * 1000
      })
      //   跳到登录页
      next('/login')
    }
  }
})
router.afterEach(route => {
//    路由跳转后 关闭进度条
  NProgress.done()
})
